<template>
	<div>

		<div class="swiper-container luoluo">
			<div class="swiper-wrapper">
				<div class="swiper-slide" v-for="sets in lunbo"><img :src="sets.picUrl" width="100%" /></div>
				
			</div>
			<div class="swiper-pagination"></div>
		</div>
	</div>
</template>

<script>
	import $ from 'jquery'
	import Swiper from 'swiper';

	export default {
		data:function(){
			return {
				lunbo:[]
			}
		},
		mounted:function(){
			var url = 'http://localhost:3000/zhuye?time='+ new Date().getTime();
			var chat = this;
			$.get(url, function(res) {
				console.log(res.data.slider)
                chat.lunbo = res.data.slider
                chat.$nextTick(function() {
                    new Swiper('.luoluo', {
                        loop: true,
                        autoplay: 2000,
                        autoplayDisableOnInteraction: false
                    })
                })
            })
		}
	}
</script>

<style>

</style>